<ion-header>
  <ion-toolbar color="customblue">
    <ion-buttons slot="start">
      <ion-back-button class="back-icon" text="" defaultHref="/" (click)="outCus()"></ion-back-button>
    </ion-buttons>
    <ion-title>在线咨询</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="content">
  <div class="customer_content">
    <ul class="cus-ul">
      <li class="cus-li">
        <img src="../../../assets/image/zxzx_tx.png" class="li-div">
        <div class="li-div1">
          <span>常见问题</span>
          <span (click)="toMsg(item)" *ngFor="let item of commonInfo; let i = index">{{item.title}}</span>
          <!-- <span (click)="toMsg(1)">怎样在线办理公证业务？</span>
          <span (click)="toMsg(2)">视频公证怎么收费？</span>
          <span (click)="toMsg(3)">公证业务服务时间？</span>
          <span (click)="toMsg(4)">一般公证需要多长时间出证？</span> -->
          <span (click)="toMsg()">人工服务</span>
        </div>
      </li>
      <li class="cus-li">
        <img src="../../../assets/image/zxzx_tx.png" class="li-div">
        <p>您好，我是你的助理，请问您想要咨询什么样的问题？</p>
      </li>
      <li class="cus-li" *ngFor="let item of zxInfo" [ngClass]="{'cus-li1': item.index == 1}">
        <!-- <div class="li-div" [ngClass]="{'li-div1': item.index == 1}"></div> -->
        <img src="../../../assets/image/zxzx_tx.png" class="li-div" *ngIf="item.index !== 1">
        <img [src]="headimg" class="li-div" *ngIf="item.index == 1">
        <p [ngClass]="{'cus-p': item.index == 1}">{{item.content}}</p>
      </li>
    </ul>
  </div>
</ion-content>

<ion-footer>
  <ion-toolbar>
    <div class="cus-bottom">
      <ion-input class="cus-inpt" placeholder="请输入您要咨询的问题" [(ngModel)]="questionInfo"></ion-input>
      <ion-button class="cus-btn" size='small' (click)="towscoket()">发送</ion-button>
    </div>
    
  </ion-toolbar>
</ion-footer>
